<!DOCTYPE html>
<html xmlns:mine>

<head>
	<meta charset="UTF-8">
	<title>在飞道的第一天</title>
</head>
<script src="" type="text/javascript"></script>
<script>
	//var test = document.getElementById('d1');
	//test.dataset.my = 'Byron';
	function load() {
		alert("页面已加载完毕！");
	}
	function showMsg() {
		alert("您选中了一些文本！");
	}
	function copyText() {
		alert("您点中了一个按钮！");
	}
	function bigImg(x) {
		x.style.height = "180px";
		x.style.width = "180px";
	}

	function normalImg(x) {
		x.style.height = "128px";
		x.style.width = "128px";
	}
	function displayResult() {
		var x;
		if (window.event) {
			x = event.keyCode;
		}
		else if (event.which) {
			x = event.which;
		}
		var keychar = String.fromCharCode(x);
		alert("按键 " + keychar + " 被按下");
	}
</script>
<style>
	mine\:tag {
		color: red;
	}
</style>


<body onload="load()">
	<p align="left" title="文本"><input type="text" value="请选中我！" onselect="showMsg()"></p>
	<div style="background: seashell" onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" alt="Smiley">
		七十二变</div>
	<div id="d1" dir="rtl" class="c1" style="color:#00FF00" data-age="24" data-my="Byron" data-birth-date="19890615">
	</div>
	<div>
		<ul class="c2" type="square">
			<li class="c3">
				<div>
					<a href="#" target="view_window" type="text/html" accesskey="l" onfocus="script">链接</a>
				</div>
			</li>
		</ul>
	</div>
	<div>
		<div class="hd_s？ort_list">
			<dl class="clear1" data-tpc="1">
				<dt><a href="#">上装></a></dt>
				<dd><a href="#">衬衫</a></dd>
			</dl>
			<dl class="clear1" data-tpc="2">
				<dt><a href="#">裤装></a></dt>
				<dd><a href="#">牛仔裤</a></dd>
			</dl>
		</div>
	</div>
	<input type="button" onclick="copyText()" value="按鈕" data-index="10" data-index-color="red">
	<input type="text" title="按鍵输入框" onkeydown="displayResult()">
</body>

</html>